<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU AFFERO General Public License as published by
the Free Software Foundation; either version 3 of the License, or
any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
or see http://www.gnu.org/licenses/agpl.txt.
-->

<html xmlns="http://www.w3.org/1999/xhtml">


<!-- head -->
<head>

<!-- metatags -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>OSRM Website</title>
<meta name="description" content="OSRM Website"/>
<meta name="author" content="Dennis Schieferdecker" />

<!-- stylesheets -->
<link rel="stylesheet" href="leaflet/leaflet.css" type="text/css"/>
<!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" type="text/css"/><![endif]-->
<link rel="stylesheet" href="main.css" type="text/css"/>

<!-- scripts -->
<script src="leaflet/leaflet-src.js" type="text/javascript"></script>
<script src="base/leaflet/L.Bugfixes.js" type="text/javascript"></script>
<script src="base/leaflet/L.LabelMarker.js" type="text/javascript"></script>
<script src="base/leaflet/L.LabelMarkerIcon.js" type="text/javascript"></script>
<script src="base/leaflet/L.BingLayer.js" type="text/javascript"></script>

<script src="OSRM.base.js" type="text/javascript"></script>
<script src="OSRM.config.js" type="text/javascript"></script>
<script src="utils/OSRM.browsers.js" type="text/javascript"></script>
<script src="utils/OSRM.classes.js" type="text/javascript"></script>

<script src="main.js" type="text/javascript"></script>
<!-- <script defer="defer" src="OSRM.debug.js" type="text/javascript"></script> -->

<script src="base/osrm/OSRM.Control.Attribution.js" type="text/javascript"></script>
<script src="base/osrm/OSRM.Control.Layers.js" type="text/javascript"></script>
<script src="base/osrm/OSRM.Control.Locations.js" type="text/javascript"></script>
<script src="base/osrm/OSRM.Control.Zoom.js" type="text/javascript"></script>
<script src="base/osrm/OSRM.Control.Map.js" type="text/javascript"></script>
<script src="base/osrm/OSRM.Marker.js" type="text/javascript"></script>
<script src="base/osrm/OSRM.Route.js" type="text/javascript"></script>

<script src="base/OSRM.Map.js" type="text/javascript"></script>
<script src="base/OSRM.Markers.js" type="text/javascript"></script>
<script src="base/OSRM.Routes.js" type="text/javascript"></script>
<script src="base/OSRM.HistoryRoutes.js" type="text/javascript"></script>
<script src="gui/OSRM.GUI.js" type="text/javascript"></script>
<script src="gui/OSRM.GUIBoxGroup.js" type="text/javascript"></script>
<script src="gui/OSRM.GUIBoxHandle.js" type="text/javascript"></script>
<script src="gui/OSRM.Selector.js" type="text/javascript"></script>
<script src="gui/OSRM.MainGUI.js" type="text/javascript"></script>
<script src="gui/OSRM.Notifications.js" type="text/javascript"></script>
<script src="routing/OSRM.Routing.js" type="text/javascript"></script>
<script src="routing/OSRM.RoutingAlternatives.js" type="text/javascript"></script>
<script src="routing/OSRM.RoutingDescription.js" type="text/javascript"></script>
<script src="routing/OSRM.RoutingGeometry.js" type="text/javascript"></script>
<script src="gui/OSRM.RoutingGUI.js" type="text/javascript"></script>
<script src="gui/OSRM.RoutingEngineGUI.js" type="text/javascript"></script>
<script src="routing/OSRM.RoutingNoNames.js" type="text/javascript"></script>
<script src="base/OSRM.Via.js" type="text/javascript"></script>
<script src="base/OSRM.Geocoder.js" type="text/javascript"></script>

<script src="utils/OSRM.CSS.js" type="text/javascript"></script>
<script src="utils/OSRM.JSONP.js" type="text/javascript"></script>
<script src="localization/OSRM.Localization.js" type="text/javascript"></script>
<script src="printing/OSRM.Printing.js" type="text/javascript"></script>
<script src="utils/OSRM.Utils.js" type="text/javascript"></script>
</head>


<!-- body -->
<body class="base-font">


<!-- no javascript warning -->
<noscript id="no-js-warning">
<div class="error-header">No Javascript</div>
<div class="error-body">Javascript is required for the OSRM website to work. Please enable Javascript and reload the page.</div>
</noscript>


<!-- old browser warning -->
<div id="old-browser-warning">
<div class="error-header">Unsupported browser</div>
<div class="error-body">You are using a browser that is not supported by the OSRM website. Please switch or upgrade to a more recent browser.</div>
</div>


<!-- map -->
<div id="map"></div>


<!-- gui -->
<div id="gui">
<!-- exclusive notification -->
<div id="exclusive-notification-blanket">
<div id="exclusive-notification-wrapper" class="box-wrapper not-selectable">
<div id="exclusive-notification-content" class="box-content">
	<!-- header -->
	<div id="exclusive-notification-toggle" class="iconic-button cancel-marker top-right-button"></div>
	<div id="exclusive-notification-label" class="box-label">Notification</div>

	<!-- notification text -->
	<div id="exclusive-notification-box"></div>
</div>
</div>
</div>

<!-- tooltip notification -->
<div id="tooltip-notification-wrapper" class="box-wrapper not-selectable">
<div id="tooltip-notification-content" class="box-content">
	<!-- header -->
	<div id="tooltip-notification-toggle" class="iconic-button cancel-marker top-right-button"></div>
	<div class="quad top-right-button"></div>
	<div id="tooltip-notification-resize" class="iconic-button cancel-marker top-right-button"></div>
	<div id="tooltip-notification-label" class="box-label">Notification</div>

	<!-- notification text -->
	<div id="tooltip-notification-box"></div>
</div>
</div>

<!-- config gui -->
<div id="config-wrapper" class="box-wrapper">
<div id="config-content" class="box-content">
	<!-- header -->
	<div id="config-toggle" class="iconic-button cancel-marker top-right-button"></div>
	<div id="gui-config-label" class="box-label">Configuraion</div>

	<!-- config options -->
	<div class="full">
	<div class="row">
	<div class="left fixed"><span id="gui-language-2-label" class="config-label">Language:</span></div>
	<div class="left stretch"><select id="gui-language-2-toggle" class="config-select"></select></div>
	</div>
	<div class="row">
	<div class="left fixed"><span id="gui-units-label" class="config-label">Units:</span></div>
	<div class="left stretch"><select id="gui-units-toggle" class="config-select"></select></div>
	</div>
	</div>
	
	<!-- gui & data timestamps -->
	<div id="config-timestamps">
	<div class="row">
	<div class="right small-font"><span id="gui-timestamp-label">gui:</span></div>
	<div class="right small-font"><span id="gui-timestamp">v0.0.0 010180</span></div>
	</div>
	<div class="row">
	<div class="right small-font"><span id="gui-data-timestamp-label">data:</span></div>
	<div class="right small-font"><span id="gui-data-timestamp">n/a</span></div>
	</div>	
	</div>
</div>
</div>

<!-- mapping gui -->
<div id="mapping-wrapper" class="box-wrapper">
<div id="mapping-content" class="box-content">
	<!-- header -->
	<div id="mapping-toggle" class="iconic-button cancel-marker top-right-button"></div>
	<div id="gui-mapping-label" class="box-label">Mapping Tools</div>
	
	<!-- mapping options -->
	<form id="mapping-checkboxes" class="small-font">
	<div>
		<label id="gui-option-highlight-nonames-label">
			<input type="checkbox" id="option-highlight-nonames" value="show-previous-routes"/>
			Highlight unnamed streets
		</label>
		<label id="gui-option-show-previous-routes-label">
			<input type="checkbox" id="option-show-previous-routes" value="show-previous-routes"/>
			Show previous routes
		</label>
	</div>
	</form>
	
	<!-- off-site links -->
	<a class="button mapping-button" id="open-osmbugs">OSM Bugs</a><span class="quad mapping-button"></span><a class="button mapping-button" id="open-josm">JOSM</a>
</div>
</div>

<!-- main gui -->
<div id="main-wrapper" class="box-wrapper">

<!-- input box -->
<div id="main-input" class="box-content">
	<!--  header -->
	<div id="input-mask-header">
	<select id="gui-language-toggle" class="top-left-button"></select>
	<div id="main-toggle" class="iconic-button cancel-marker top-right-button"></div>
	</div>
	
	<!--  input mask -->
	<!-- <div id="input-mask"> -->
	
	<!-- source/target input -->
	<div class="full">
	<div id="input-source" class="input-marker">
	<div class="left"><span  id="gui-search-source-label" class="input-label">Start:</span></div>
	<div class="center input-box"><input id="gui-input-source" class="input-box" type="text" maxlength="200" value="" title="Enter start" /></div>
	<div class="left"><div id="gui-delete-source" class="iconic-button cancel-marker input-delete"></div></div>
	<div class="right"><a class="button" id="gui-search-source">Show</a></div>
	</div>
	<div id="input-target" class="input-marker">
	<div class="left"><span id="gui-search-target-label" class="input-label">End:</span></div>
	<div class="center input-box"><input id="gui-input-target" class="input-box" type="text" maxlength="200" value="" title="Enter destination" /></div>	
	<div class="left"><div id="gui-delete-target" class="iconic-button cancel-marker input-delete"></div></div>
	<div class="right"><a class="button" id="gui-search-target">Show</a></div>	
	</div>
	</div>
	
    <div class="quad"></div>	
	
	<!-- action buttons -->
    <div class="full">
    <div class="row">
    <div class="left"><a class="button" id="gui-reset">Reset</a></div>
	<div class="center"><select id="gui-engine-toggle" class="engine-select"></select></div>
	<div class="right"><a class="button" id="gui-reverse">Reverse</a></div>
    </div>
    </div>
    </div>
</div>

<!-- output box -->
<div id="main-output" class="box-content">
	<div id="information-box-header"></div>
	<div id="information-box" class="information-box-with-small-header"></div>
	<div id="legal-notice" class="small-font">GUI2 - OSRM hosting by <a href='http://algo2.iti.kit.edu/'>KIT</a> - Geocoder by <a href='http://www.osm.org/'>OSM</a></div>
</div>

</div>
</div>

</body>
</html>
